<template>
	<div>
		<el-popover width="600" trigger="click" title="生产信息">
			<div>
				<el-form ref="ruleForm" :model="machineItem" :hide-required-asterisk="false" label-width="100px" :show-message="false">
					<el-row class="flex-start-center-wrap">
						<el-col :span="12">
							<el-form-item class="margin-bottom-10" label="订单编号">
								<span class="read-only-2 big-ipt-inner-custom">{{ machineItem.productOrderCode }}</span>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item class="margin-bottom-10" label="通知单号">
								<span class="read-only-2 big-ipt-inner-custom">{{ machineItem.prdNoticeCode }}</span>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item class="margin-bottom-10" label="机台锭数">
								<span class="read-only-2 big-ipt-inner-custom">{{ machineItem.spinCount }}</span>
							</el-form-item>
						</el-col>
						<el-col :span="12">
							<el-form-item class="margin-bottom-10" label="已用锭数">
								<span class="read-only-2 big-ipt-inner-custom">{{ machineItem.usedSpinCount }}</span>
							</el-form-item>
						</el-col>
					</el-row>
				</el-form>
			</div>
			<div slot="reference">
				<el-tag effect="plain" size="mini" type="primary" plain class="width-100-percent flex-start-center">
					<span>{{ machineItem.machineName }}</span>
				</el-tag>
			</div>
		</el-popover>
	</div>
</template>
<script>
    export default {
        props: {
            processItem: {
                type: Object,
                default() {
                    return {};
                }
            },
            machineItem: {
                type: Object,
                default() {
                    return {};
                }
            }
        },
        data() {
            return {
            };
        }
    };
</script>
